/* eslint-disable @typescript-eslint/no-var-requires */
// const { WeappTailwindcssDisabled } = require('./platform')

/**
 * @type {import('postcss').AcceptedPlugin[]}
 */
const plugins = [require('autoprefixer')()]

// 下方为 px 转 rpx 功能, 根据你自己的需求打开它
// if (!WeappTailwindcssDisabled) {
// plugins.push(
//   require('postcss-pxtransform')({
//     platform: 'weapp',
//     // https://taro-docs.jd.com/docs/size
//     // 根据你的设计稿宽度进行配置
//     // 可以传入一个 function
//     // designWidth (input) {
//     //   if (input.file.replace(/\\+/g, '/').indexOf('@nutui/nutui-taro') > -1) {
//     //     return 375
//     //   }
//     //   return 750
//     // },
//     designWidth: 750, // 375,
//     deviceRatio: {
//       640: 2.34 / 2,
//       // 此时应用到的规则，代表 1px = 1rpx
//       750: 1,
//       828: 1.81 / 2,
//       // 假如你把 designWidth 设置成 375 则使用这条规则 1px = 2rpx
//       375: 2 / 1
//     }
//   })
// )
// }
plugins.push(require('weapp-tailwindcss/css-macro/postcss'))
plugins.push(require('postcss-rem-to-responsive-pixel')({
    // 32 意味着 1rem = 32rpx
    rootValue: 32,
    // 默认所有属性都转化
    propList: ['*'],
    // 转化的单位,可以变成 px / rpx
    transformUnit: 'rpx'
    // postcss-rem-to-responsive-pixel@6 版本添加了 disabled 参数，用来禁止插件的转化
    // disabled: process.env.TARO_ENV === 'h5' || process.env.TARO_ENV === 'rn'
}))

module.exports = plugins